<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>tabs demo</title>
<link rel="stylesheet"
	href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
</head>
<body>
	<div id="tabs">
		<ul>
			<li><a href="#fragment-1"><span>One</span> </a>
			</li>
			<li><a href="#fragment-2"><span>Two</span> </a>
			</li>
			<li><a href="#fragment-3"><span>Three</span> </a>
			</li>
		</ul>
		<div id="fragment-1">
			<table>
				<tr>
					<td>Referência</td>
					<td><input type="text" name="txt_referencia"></td>
				</tr>
				<tr>
					<td>Ano</td>
					<td><input type="text" name="txt_ano"></td>
				</tr>
				<tr>
					<td>Título</td>
					<td><input type="text" name="txt_titulo"></td>
				</tr>
				<tr>
					<td>Cliente</td>
					<td><select>
							<option value="01">Petrobrás</option>
							<option value="02">Vale</option>
							<option value="03">Usiminas</option>
							<option value="04">CIELO</option>
					</select>
					</td>
				</tr>
			</table>
		</div>
		<div id="fragment-2">
			<div>
				<table border="1">
					<th>Cliente</th>
					<th>Referência</th>
					<th>T&iacute;tulo</th>
					<th>Selecinado</th>
					<tr>
						<td>Cliente Um</td>
						<td>Refeência Um</td>
						<td>Título Um</td>
						<td><input type="radio" name="sel" value="XXXXX"></td>
					</tr>
					<tr>
						<td>Cliente Dois</td>
						<td>Refeência Dois</td>
						<td>Título Dois</td>
						<td><input type="radio" name="sel" value="XXXXX"></td>
					</tr>
					<tr>
						<td>Cliente Três</td>
						<td>Refeência Três</td>
						<td>Título Três</td>
						<td><input type="radio" name="sel" value="XXXXX"></td>
					</tr>
				</table>
			</div>
		</div>
		<div id="fragment-3">
			<div>
				<table>

					<tr>
						<td><label for="txt_referencia">Referência</label>
						</td>
						<td><input tabindex="0" type="text" name="txt_referencia"
							id="txt_referencia" size="8" maxlength="6"></td>
					</tr>

					<tr>
						<td><label for="txt_titulo">Título</label>
						</td>
						<td><input type="text" name="txt_titulo" id="txt_titulo"
							size="60" maxlength="50"></td>
					</tr>

					<tr>
						<td><label for="sel_cliente">Cliente</label>
						</td>
						<td><select name="sel_cliente" id="sel_cargo">
								<option value="01">Petrobrás</option>
								<option value="02">Vale</option>
								<option value="03">Usiminas</option>
								<option value="04">CIELO</option>
						</select></td>
					</tr>

					<tr>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
					</tr>

				</table>

			</div>

			<div>
				<table>
					<tr>
						<td align="left"><input type="button" value="Gravar"
							class="btn" />
						</td>
					</tr>
				</table>
			</div>

		</div>
	</div>
	<script>
		$("#tabs").tabs();
	</script>
</body>
</html>